<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>今天有个好天气吗</title>
    <link rel="stylesheet" href="./demo css/demo.css">
    <script>
        let script = document.createElement('script');
        script.src = './demo js/demo.js';
        document.addEventListener('DOMContentLoaded',()=>{
            document.body.appendChild(script);
        })
    </script>
</head>
<body>
    <!-- 天气预报 -->
    <div class="center">
        <h3 class="borady">今日天气</h3>
        <div class="body">
            <h5 class="datenow">现在的时间是:</h5>
            <h5 class="datenow time">12312</h5>
            <ul class="text">
                <div class="first">
                <li>温度</li>
                <li class="li1"></li>
                <li>天气</li>                  
                <li class="li2"></li>
                <li>大气压强</li>
                <li class="li3"></li>
                <li>云量</li>
                <li class="li4"></li>
                <li>相对湿度</li>
                <li class="li5"></li>
                <li>风向</li>
                <li class="li6"></li>
                </div>
                <div class="double">
                <li>数据观测时间</li>
                <li class="li7"></li>
                <li>风速</li>
                <li class="li8"></li>
                <li>风力等级</li>
                <li class="li9"></li>
                <li>能见度</li>
                <li class="li10"></li>
                <li>累计降水量</li>
                <li class="li11"></li>
                <li>暂无其他事</li>
                <li class="li12"></li>
                </div>
            </ul>
            <div class="button">
                <span class="left">往左</span><span class="right">往右</span>
            </div>
        </div>
        <p style="text-align: center; line-height: 50px;margin-top: 20px;">数据加载中</p>
    </div>
</body>
</html>